<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=deviece-width">
	<title>滁州学院新生网Demo</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>

</head>
<body style="background:#a8d6e2;" >
	<!--  ------------------------------    导航  --------------------------       -->
	<header role="banner">
		<nav role="navigation" class="navbar navbar-static-top navbar-inverse" style="background:#4867B7;">
			<div class="container" >
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<img src="img/4.png" style="width:243px;height:50px;">
				
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li  class="active"><a href="index.html">首页</a></li>
						<li  ><a href="map.html">相关地图</a></li>
						<li  ><a href="plan.html">入学锦囊</a></li>
						<li ><a href="life.html">校园生活</a></li>
					</ul>
				</div>
			</div>
		</nav>
	</header>
	<!--     -------------------------   导航END --------------------------   -->


	
	<!--  ---------------------- 公告栏 ------------------------              -->
	<div class="col-md-3" style="background:#F2FAF9; height:436px;" >
		<!-- 标签 -->
		<!-- <h3 class="text-align:center;">迎新公告栏</h3> -->
		<a href="#" class="list-group-item active">迎新公告栏</a>
		<ul class="nav nav-tabs" role="tablist">
			<li role="presentation" class="active"><a href="#status" aria-controls="status" role="tab" data-toggle="tab">迎新情况</a></li>
			<li role="presentation" ><a href="#activity" aria-controls="activity" role="tab" data-toggle="tab">近期活动</a></li>
			<li role="presentation" ><a href="#date" aria-controls="date" role="tab" data-toggle="tab">体检日期</a></li>
		</ul>
		<br><br><br>
		<!-- 各标签内容 -->
		<div class="tab-content">
			<div role="tabpanel" class="tab-pane active" id="status">
				<a href="#">新学期第一天：领导随堂听课检查教学工作</a><br>
				<a href="#">新学期第一天：领导随堂听课检查教学工作</a><br>
				<a href="#">新学期第一天：领导随堂听课检查教学工作</a><br>
				<a href="#">新学期第一天：领导随堂听课检查教学工作</a><br>
				<a href="#">新学期第一天：领导随堂听课检查教学工作</a><br>
				<a href="#">新学期第一天：领导随堂听课检查教学工作</a><br>
				<a href="#">新学期第一天：领导随堂听课检查教学工作</a><br>
				<a href="#">新学期第一天：领导随堂听课检查教学工作</a><br>
				<a href="#">新学期第一天：领导随堂听课检查教学工作</a>
			</div>
			<div role="tabpanel" class="tab-pane" id="activity">
				<a href="#">滁州学院研讨2016年重点工作</a><br>
				<a href="#">滁州学院研讨2016年重点工作</a><br>
				<a href="#">滁州学院研讨2016年重点工作</a><br>
				<a href="#">滁州学院研讨2016年重点工作</a><br>
				<a href="#">滁州学院研讨2016年重点工作</a><br>
				<a href="#">滁州学院研讨2016年重点工作</a><br>
				<a href="#">滁州学院研讨2016年重点工作</a><br>
				<a href="#">滁州学院研讨2016年重点工作</a><br>
				<a href="#">滁州学院研讨2016年重点工作</a>
			</div>
			<div role="tabpanel" class="tab-pane" id="date">
				<a href="#">滁州学院2015年度国家发明专利成果丰硕</a><br>
				<a href="#">滁州学院2015年度国家发明专利成果丰硕</a><br>
				<a href="#">滁州学院2015年度国家发明专利成果丰硕</a><br>
				<a href="#">滁州学院2015年度国家发明专利成果丰硕</a><br>
				<a href="#">滁州学院2015年度国家发明专利成果丰硕</a><br>
				<a href="#">滁州学院2015年度国家发明专利成果丰硕</a><br>
				<a href="#">滁州学院2015年度国家发明专利成果丰硕</a><br>
				<a href="#">滁州学院2015年度国家发明专利成果丰硕</a><br>
				<a href="#">滁州学院2015年度国家发明专利成果丰硕</a>
			</div>
		</div>
	</div>
	<!--  ----------------------  公告栏 END -------------------    -->

	
	<!-- ------------------------中间图片展示---------------------- -->
	<div class="col-md-6">
		<div id="homepage-feature" class="carousel slide">
			<ol class="carousel-indicators">
				<li data-target="#homepage-feature" data-slide-to="0" class="active"></li>
				<li data-target="#homepage-feature" data-slide-to="1"></li>
				<li data-target="#homepage-feature" data-slide-to="2"></li>
				<li data-target="#homepage-feature" data-slide-to="3"></li>
			</ol>

			<div class="carousel-inner">
				<div class="item active">
					<img src="http://www.chzu.edu.cn/picture/article/18/55/52/6be06b5f460c89b79210577a2d8b/60c9f8b5-6187-4f1d-9978-185266c911eb.jpg" alt="">
				</div>
				<div class="item">
					<img src="http://www.chzu.edu.cn/picture/article/18/6b/26/56310b874393bab6a72f38aa3ee3/ced2e196-1266-4670-aa8b-36a4bfa200b3.jpg" alt="">
				</div>
				<div class="item">
					<img src="http://www.chzu.edu.cn/picture/article/18/93/3a/91d7c3764dcd9f4ee164b3d89baa/595bef1e-1594-4d5b-9044-793125128627.jpg" alt="">
				</div>
				<div class="item">
					<img src="http://www.chzu.edu.cn/picture/article/18/a8/2d/efc383794e79a8b8a325d1daa527/2997ba7f-2bd0-43d3-8579-9fb4dd722dc8.jpg" alt="">
				</div>
			</div>
			
				<a href="#homepage-feature" data-slide="prev" class="left carousel-control">
					<span class="glyphicon glyphicon-chevron-left"></span>
				</a>

				<a href="#homepage-feature" data-slide="next" class="right carousel-control">
					<span class="glyphicon glyphicon-chevron-right"></span>
				</a>
		</div>
	</div>
	<!-- ------------------------ 中间图片展示 END ---------------------- -->

	
	<!-- -------------------------用户登录 ------------------------------ -->
	<div class="col-md-3" style="background:#F2FAF9;height:436px;">
		<form class="form-horizontal" >
		    <fieldset>
		      <div id="legend" class="">
		        <!-- <legend class="" style="font-size:25px;"></legend> -->
		        <a href="#" class="list-group-item active">迎新系统登录</a>
		      </div>
		    <div class="control-group">

				<br><br><br><br>		
		          <!-- Text input-->
		          <label class="control-label" for="input01" style="font-size:22px;">用户名:</label>
		          <div class="controls">
		            <center><input type="text" placeholder="admin" class="input-xlarge"></center>
		            <p class="help-block"></p>
		          </div>
		        </div>

		    <div class="control-group">

		          <!-- Text input-->
		          <label class="control-label" for="input01" style="font-size:22px;">密码:</label>
		          <div class="controls">
		            <center><input type="text" placeholder="password" class="input-xlarge"></center>
		            <p class="help-block"></p>
		          </div>
		        </div>

		    <div class="control-group">
		          <label class="control-label"></label>

		          <!-- Button -->
		          <div class="controls">
		            <center><input type="submit" value="登录" style="width:131px;height:33px;"></center>
		          </div>
		        </div>
		    </fieldset>
		  </form>
	</div>
	<!-- -------------------------用户登录 END ------------------------------ -->
	
	
	<!-- ------------------------地图来校方式--------------------------------- -->
	<div class="col-md-3" >
		<div class="list-group" >
			<a href="map.html" class="list-group-item active">
				学校相关地图
			</a>
			<a href="http://www.chzu.edu.cn/xxqj/langya/index.html" class="list-group-item">琅琊校区地图</a>
			<a href="http://www.chzu.edu.cn/xxqj/huifeng/index.html" class="list-group-item">会峰校区地图</a>
			<a href="map.html" class="list-group-item active">
				来校交通方式
			</a>
			<a href="map.html" class="list-group-item">公交</a>
			<a href="map.html" class="list-group-item">自驾到校</a>
		</div>
	</div>
	<!-- ------------------------地图来校方式 END--------------------------------- -->


	<div class="col-md-6">
		<!-- ------------------------入学锦囊--------------------------------- -->
		<div class="col-md-6">
			<div class="list-group" >
				<a href="plan.html" class="list-group-item active">
					新生入学锦囊
				</a>
				<a href="plan.html" class="list-group-item">学长学姐锦囊妙计</a>
				<a href="plan.html" class="list-group-item">各院老师锦囊妙计</a>
			</div>
		</div>
		<!-- ------------------------入学锦囊 END--------------------------------- -->

		<!-- ------------------------报道流程--------------------------------- -->
		<div class="col-md-6">
			<a href="NewStu.html"><img src="img/stu.png" style="width:310px;height:135px;"></a>
		</div>
		<!-- ------------------------报道流程 END--------------------------------- -->
		<br>


		<div class="col-md-12">
			<img src="img/2.png" style="width:110px;height:110px;"><a href="#" "><span style="font-size:35px;style="background:red;">校园生活</span></a>
			<img src="img/3.png" style="width:110px;height:110px;"><a href="#" "><span style="font-size:35px;style="background:red;">周边介绍</span></a>
		</div>
		
	</div>


	<div class="col-md-3" style="margin:50px 0 0 0 ">
		<div class="col-md-12">
			<select class="col-md-12"  style=" height:75px;"onchange="goto_site(this)" class="newsDownList"><option value="" selected="">教学院部</option><option value="">——————————</option><option value="http://zwx.chzu.edu.cn/">文学与传媒学院</option><option value="http://sxx.chzu.edu.cn/">数学与金融学院</option><option value="http://csci.chzu.edu.cn/">计算机与信息工程学院</option><option value="http://jdxy.chzu.edu.cn/">机械与汽车工程学院</option><option value="http://dzdq.chzu.edu.cn/">电子与电气工程学院</option><option value="http://gtx.chzu.edu.cn/">地理信息与旅游学院</option><option value="http://hsx.chzu.edu.cn/">材料与化学工程学院</option><option value="http://swsp.chzu.edu.cn/">生物与食品工程学院</option><option value="http://jgx.chzu.edu.cn/">经济与管理学院</option><option value="http://jky.chzu.edu.cn/">教育科学学院</option><option value="http://wyx.chzu.edu.cn/">外国语学院</option><option value="http://yyx.chzu.edu.cn/">音乐学院</option><option value="http://msx.chzu.edu.cn/">美术与设计学院</option><option value="http://tyx.chzu.edu.cn/">体育学院</option><option value="http://xcb.chzu.edu.cn/sxjyb/">思想政治理论课教学研...</option><option value="http://jxjy.chzu.edu.cn/">继续教育学院</option></select><script language="javascript">function goto_site(selectControl)/*友情链接的弹出窗口*/{var v = selectControl.value;if (v != ""){window.open(v);selectControl.blur();}selectControl.selectedIndex=0;}</script>
		</div>

		<div class="col-md-12">
		        <select class="col-md-12" style=" height:75px;" onchange="goto_site(this)" class="newsDownList"><option value="" selected="">组织机构</option><option value="">——————————</option><option value="http://bgs.chzu.edu.cn/">办公室(党办、档案馆)</option><option value="http://jsc.chzu.edu.cn/jjjcw/">纪委办公室&nbsp;（监审处...</option><option value="http://zzb.chzu.edu.cn/">组织部(离退休工作处...</option><option value="http://xcb.chzu.edu.cn/">宣传部(统战部)</option><option value="http://rsc.chzu.edu.cn/">人事处</option><option value="http://fzgh.chzu.edu.cn/">发展规划处</option><option value="http://jwc.chzu.edu.cn/">教务处(招生办、考试...</option><option value="http://kyc.chzu.edu.cn/">科技处(学科办、服务...</option><option value="http://xsc.chzu.edu.cn/">学生处(学工部、毕业...</option><option value="http://cwc.chzu.edu.cn/">财务处</option><option value="http://wsb.chzu.edu.cn/">国际交流与合作处</option><option value="http://zwc.chzu.edu.cn/">后勤管理与基建处</option><option value="http://zcc.chzu.edu.cn/">资产与设备处</option><option value="http://bwc.chzu.edu.cn/">保卫处(保卫部、武装...</option><option value="/s/1/t/1152/61/d7/info90583.htm">学术委员会</option><option value="http://xxzx.chzu.edu.cn/">信息技术与网络中心</option><option value="http://lib.chzu.edu.cn/">图书馆</option><option value="http://sysxzx.chzu.edu.cn/">实验实训中心</option><option value="http://gtx.chzu.edu.cn/">地理信息技术研究所</option><option value="http://hsx.chzu.edu.cn/">化工技术研究所</option><option value="http://gh.chzu.edu.cn/">工会</option><option value="http://youth.chzu.edu.cn/">团委</option><option value="http://hqzgs.chzu.edu.cn/">后勤服务集团</option><option value="http://xqjs.chzu.edu.cn/">新区建设办</option><option value="http://kyc.chzu.edu.cn/jhfsl/">江淮分水岭生态环境与...</option></select><script language="javascript">function goto_site(selectControl)/*友情链接的弹出窗口*/{var v = selectControl.value;if (v != ""){window.open(v);selectControl.blur();}selectControl.selectedIndex=0;}</script></div>
	</div>

	<!-- -------------------------页尾------------------------------ -->
	<div id="flood">
	    <table width="950" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
	    
	      <tr>
	        <td  height="3" colspan="5" bgcolor="#0F6BA2"></td>
	      </tr>
	      <tr>
	        <td width="557" height="60" align="center"><p><br />
	          &nbsp;版权所有 &copy; 滁州学院&nbsp;&nbsp; 皖ICP备11015759号&nbsp;&nbsp; 邮编：239000&nbsp;<br />
	        校址：安徽省滁州市会峰西路1号（会峰校区）　安徽省滁州市琅琊路2号（琅琊校区）　<br />          
	        &nbsp; </p></td>
	        
			<td width="100" align="center"><img src="http://www.chzu.edu.cn/page/main1152/images/wx.jpg" alt="滁州学院微信公众号" width="60" height="60" title="滁州学院微信公众号" /></td>
	        <td width="100" align="center"><img src="http://www.chzu.edu.cn/page/main1152/images/qq.jpg" width="60" height="60" alt="滁州学院QQ公众号"  title="滁州学院QQ公众号"/></td>
	        <td width="100" align="center"><img src="http://www.chzu.edu.cn/page/main1152/images/wb.jpg" width="60" height="60" alt="滁州学院新浪微博"  title="滁州学院新浪微博"/></td>
	        
	      </tr>
	    </table>
  	</div>
  	<!-- -------------------------页尾------------------------------ -->






</body>
</html>